<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>客户开店申请表</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link href="../css/mui.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="../css/commons.css">
    <link href="../css/integral-withdraw.css" rel="stylesheet" />
    <style>
        .apply-tips {
            background: #f8f8f8;
            height: 36px;
            line-height: 36px;
        }
        .tips-box {
            background: #fff;
            width: 100%;
            height: 108px;
            padding-top: 10px;
        }
        #customerNote {
            width: 90%;
            height: 88px;
            display: block;
            padding: 0;
            margin: 0 auto;
            color: #e1e1e1;
            padding-left: 17px;
            padding-top: 9px;
            font-size: 14px;
            border: 1px solid #f7f7f7;
        }
        .binding_box p span,
        .bank-bound-box .card_bank{
            width: 109px;
        }
        .mui-content{
            padding-bottom: 50px;
        }
        #nearby{
            color: #06c1ae;
        }
        #index,#me,#shop{
            color: #666;
        }
        .location-box{
            padding-bottom: 50px;
            padding-top: 44px;
        }
        .location-box #location-box{
            padding: 0;
            margin: 0;
            background: #f8f8f8;
        }
        .location-box #location-box li{
            width: 95%;
            margin: 0;
            border-bottom: 1px solid #eee;
            height: 45px;
            line-height: 45px;
            list-style: none;
            padding-left: 5%;
        }
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav" id="top1">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">客户开店申请表</h1>
</header>
<header class="mui-bar mui-bar-nav" id="top2">
    <a class=" mui-icon mui-icon-left-nav mui-pull-left" id="back"></a>
    <h1 class="mui-title">所在地区</h1>
</header>
<!--
    作者：837081299@qq.com
    时间：2017-02-28
    描述：头部结束
-->
<div class="mui-content" id="main-box">
    <!--未绑定银行卡-->
    <div class="bank-bound-box">
        <div class="one-box">
            <span class="card_bank">店铺类别</span>
            <div id="main">
                <section id="basic-usage">
                    <select id="category" style="font-family: '微软雅黑';padding: 1px 15px;">
                        <option value=""> </option>
                    </select>
                </section>
                <img src="../img/bank-more.png" alt="发卡银行">
            </div>
        </div>
        <div class="binding_box">
            <p class="mui-clearfix"><span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</span><input id="customerName" type="text" placeholder="请输入您的名字"></p>
            <p class="mui-clearfix"><span>联系方式：</span><input id="customerPhone" type="text" placeholder="请输入手机号"></p>
            <p class="mui-clearfix"><span>店铺名称：</span><input id="shopName" type="text" placeholder="请输入店铺名称"></p>
            <p class="mui-clearfix"><span>所在地区：</span><input id="location" type="text" placeholder="请选择所在地区"></p>
            <p class="mui-clearfix"><span>店铺地址：</span><input id="address" type="text" placeholder="请输入店铺地址"></p>
            <p class="mui-clearfix"><span>微&nbsp;&nbsp;信&nbsp;&nbsp;号：</span><input id="weixin" type="text" placeholder="请输入微信号（可空）"></p>
            <p class="apply-tips mui-clearfix" style="background: #f8f8f8"><span style="line-height: 36px;height: 36px;">备注：</span></p>
            <div class="tips-box mui-clearfix">
                <textarea name="tips" id="customerNote" placeholder="请添加备注（可空）"></textarea>
            </div>
            <p class="confirm" id="bankConfirm">确 定</p>
        </div>
    </div>
</div>

<div class="location-box" style="display: none;">
    <ul id="location-box">

    </ul>
</div>

<!--
    作者：837081299@qq.com
    时间：2017-02-07
    描述：底部导航开始
-->
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" id="index">
        <span class="mui-icon"><img src="../img/index-icon.png"/></span>
        <span class="mui-tab-label">首页</span>
    </a>
    <a class="mui-tab-item mui-active" id="nearby">
        <span class="mui-icon"><img src="../img/nearby-icon-act.png"/></span>
        <span class="mui-tab-label">入驻</span>
    </a>
    <a class="mui-tab-item" id="shop">
        <span class="mui-icon"><img src="../img/cart_icon_h.png"/></span>
        <span class="mui-tab-label">购物车</span>
    </a>
    <a class="mui-tab-item" id="me">
        <span class="mui-icon"><img src="../img/personal-icon.png"/></span>
        <span class="mui-tab-label">我的</span>
    </a>
</nav>
<script src="../js/mui.min.js"></script>
<script src="../js/jquery-1.10.1.min.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/commons.js?"+Math.random()+"'></scr"+"ipt>"); </script>
<script src="../js/md5.js"></script>
<script>  document.write("<s"+"cript type='text/javascript' src='../js/shop-apply.js?"+Math.random()+"'></scr"+"ipt>"); </script>
</body>
</html>